<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jEnv - 轻松管理你的 Java 版本</title>
    <link href="https://cdn.staticfile.org/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.staticfile.org/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/mermaid@latest/dist/mermaid.min.js"></script>
    <style>
        body {
            font-family: 'Noto Sans SC', Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", "Hiragino Sans GB", Simsun, sans-serif;
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            min-height: 100vh;
        }
        .hero-gradient {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }
        .card-hover {
            transition: all 0.3s ease;
        }
        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
        }
        .text-gradient {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .code-block {
            background: #1e1e1e;
            color: #d4d4d4;
            border-radius: 8px;
            padding: 1rem;
            overflow-x: auto;
        }
        .feature-icon {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .step-number {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
        }
        .mermaid {
            display: flex;
            justify-content: center;
            margin: 2rem 0;
        }
        .drop-cap {
            float: left;
            font-size: 4rem;
            line-height: 3rem;
            padding-right: 0.5rem;
            margin-top: -0.5rem;
            font-weight: 700;
            color: #667eea;
        }
    </style>
</head>
<body>
    <!-- Hero Section -->
    <section class="hero-gradient text-white py-20">
        <div class="container mx-auto px-6 text-center">
            <h1 class="text-5xl md:text-6xl font-bold mb-6">
                <i class="fab fa-java mr-4"></i>jEnv
            </h1>
            <p class="text-2xl mb-8 opacity-90">轻松管理你的 Java 版本</p>
            <p class="text-lg max-w-3xl mx-auto mb-10 opacity-80">
                一个轻量级命令行工具，让你在多个 Java 版本间自由切换，告别繁琐的环境配置
            </p>
            <a href="https://github.com/jenv/jenv" target="_blank" class="inline-flex items-center bg-white text-purple-700 px-8 py-4 rounded-full font-semibold hover:bg-gray-100 transition">
                <i class="fab fa-github mr-2"></i>
                GitHub 仓库
                <i class="fas fa-external-link-alt ml-2 text-sm"></i>
            </a>
        </div>
    </section>

    <!-- Introduction Section -->
    <section class="py-16 bg-white">
        <div class="container mx-auto px-6">
            <div class="max-w-4xl mx-auto">
                <p class="text-lg leading-relaxed text-gray-700">
                    <span class="drop-cap">j</span>Env 是一个轻量级命令行工具，旨在简化在单一系统上管理多个 Java 开发工具包（JDK）版本，允许开发者在不同 Java 版本间无缝切换。它主要服务于 Java 开发者、DevOps 工程师以及需要在不同 Java 版本项目间切换的团队。
                </p>
            </div>
        </div>
    </section>

    <!-- Problem Section -->
    <section class="py-16 bg-gray-50">
        <div class="container mx-auto px-6">
            <h2 class="text-4xl font-bold text-center mb-12 text-gradient">它能解决什么问题</h2>
            <div class="max-w-4xl mx-auto bg-white rounded-2xl shadow-xl p-8">
                <p class="text-lg leading-relaxed text-gray-700 mb-6">
                    Java 开发者经常需要同时处理多个项目，每个项目可能依赖不同版本的 JDK。手动设置 <code class="bg-gray-100 px-2 py-1 rounded text-purple-600">JAVA_HOME</code> 环境变量或调整系统路径繁琐且容易出错，尤其是在需要频繁切换版本时。
                </p>
                <p class="text-lg leading-relaxed text-gray-700">
                    不同项目可能要求特定的 Java 版本，例如 Android 开发通常需要 Java 8，而服务器端应用可能需要 Java 11 或更高版本。管理这些版本的复杂性可能导致配置错误或开发效率低下。
                </p>
                <div class="mt-8 p-6 bg-purple-50 rounded-xl">
                    <p class="text-lg font-semibold text-purple-800">
                        <i class="fas fa-lightbulb mr-2"></i>
                        jEnv 就是来解决这些问题的，它通过自动化管理 Java 版本，减少手动配置的麻烦，让开发者专注于编码而非环境设置。
                    </p>
                </div>
            </div>
        </div>
    </section>

    <!-- Core Features Section -->
    <section class="py-16 bg-white">
        <div class="container mx-auto px-6">
            <h2 class="text-4xl font-bold text-center mb-12 text-gradient">核心功能概述</h2>
            <div class="grid md:grid-cols-2 gap-8 max-w-6xl mx-auto">
                <div class="card-hover bg-gray-50 rounded-xl p-8">
                    <div class="flex items-start">
                        <i class="fas fa-exchange-alt text-3xl feature-icon mr-4"></i>
                        <div>
                            <h3 class="text-xl font-bold mb-3">版本切换</h3>
                            <p class="text-gray-700">通过 <code class="bg-gray-200 px-2 py-1 rounded text-sm">jenv global</code>、<code class="bg-gray-200 px-2 py-1 rounded text-sm">jenv local</code> 和 <code class="bg-gray-200 px-2 py-1 rounded text-sm">jenv shell</code> 命令，支持全局、项目目录或当前 Shell 会话的 Java 版本切换。</p>
                        </div>
                    </div>
                </div>
                <div class="card-hover bg-gray-50 rounded-xl p-8">
                    <div class="flex items-start">
                        <i class="fas fa-cog text-3xl feature-icon mr-4"></i>
                        <div>
                            <h3 class="text-xl font-bold mb-3">自动设置 JAVA_HOME</h3>
                            <p class="text-gray-700">启用 export 插件后，jEnv 自动配置 <code class="bg-gray-200 px-2 py-1 rounded text-sm">JAVA_HOME</code>，确保工具如 Maven 和 Gradle 使用正确的 JDK。</p>
                        </div>
                    </div>
                </div>
                <div class="card-hover bg-gray-50 rounded-xl p-8">
                    <div class="flex items-start">
                        <i class="fas fa-folder-plus text-3xl feature-icon mr-4"></i>
                        <div>
                            <h3 class="text-xl font-bold mb-3">JDK 管理</h3>
                            <p class="text-gray-700">通过 <code class="bg-gray-200 px-2 py-1 rounded text-sm">jenv add</code> 添加 JDK 安装路径，支持多个 JDK 版本共存，并通过 <code class="bg-gray-200 px-2 py-1 rounded text-sm">jenv versions</code> 查看已注册的版本。</p>
                        </div>
                    </div>
                </div>
                <div class="card-hover bg-gray-50 rounded-xl p-8">
                    <div class="flex items-start">
                        <i class="fas fa-plug text-3xl feature-icon mr-4"></i>
                        <div>
                            <h3 class="text-xl font-bold mb-3">插件支持</h3>
                            <p class="text-gray-700">支持 Maven、Gradle 等插件，确保构建工具与 jEnv 配置的 JDK 无缝协作。兼容 Bash、Zsh 和 Fish Shell。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Workflow Visualization -->
    <section class="py-16 bg-gray-50">
        <div class="container mx-auto px-6">
            <h2 class="text-4xl font-bold text-center mb-12 text-gradient">工作流程图</h2>
            <div class="max-w-6xl mx-auto bg-white rounded-2xl shadow-xl p-8">
                <div class="mermaid">
                    graph LR
                        A[开发者] --> B{jEnv}
                        B --> C[全局版本<br/>jenv global]
                        B --> D[项目版本<br/>jenv local]
                        B --> E[Shell版本<br/>jenv shell]
                        C --> F[JDK 8]
                        C --> G[JDK 11]
                        C --> H[JDK 17]
                        D --> F
                        D --> G
                        D --> H
                        E --> F
                        E --> G
                        E --> H
                        F --> I[Android项目]
                        G --> J[Spring Boot项目]
                        H --> K[最新特性测试]
                        style B fill:#667eea,stroke:#764ba2,stroke-width:3px,color:#fff
                        style F fill:#f9f9f9,stroke:#667eea,stroke-width:2px
                        style G fill:#f9f9f9,stroke:#667eea,stroke-width:2px
                        style H fill:#f9f9f9,stroke:#667eea,stroke-width:2px
                </div>
            </div>
        </div>
    </section>

    <!-- Use Cases Section -->
    <section class="py-16 bg-white">
        <div class="container mx-auto px-6">
            <h2 class="text-4xl font-bold text-center mb-12 text-gradient">使用场景</h2>
            <div class="space-y-8 max-w-4xl mx-auto">
                <div class="bg-gradient-to-r from-purple-50 to-pink-50 rounded-xl p-8">
                    <h3 class="text-2xl font-bold mb-4 flex items-center">
                        <span class="step-number mr-4">1</span>
                        多项目开发
                    </h3>
                    <p class="text-lg text-gray-700 mb-4">
                        假设你同时维护一个基于 Java 8 的 Android 项目和一个基于 Java 17 的 Spring Boot 项目。
                    </p>
                    <div class="bg-white rounded-lg p-4">
                        <code class="code-block block">
                            # Android 项目目录<br/>
                            $ jenv local 1.8<br/><br/>
                            # Spring Boot 项目目录<br/>
                            $ jenv local 17
                        </code>
                    </div>
                </div>

                <div class="bg-gradient-to-r from-blue-50 to-cyan-50 rounded-xl p-8">
                    <h3 class="text-2xl font-bold mb-4 flex items-center">
                        <span class="step-number mr-4">2</span>
                        测试不同 JDK 版本
                    </h3>
                    <p class="text-lg text-gray-700 mb-4">
                        在开发新功能时，你需要测试代码在 Java 11 和 Java 21 上的兼容性。
                    </p>
                    <div class="bg-white rounded-lg p-4">
                        <code class="code-block block">
                            # 测试 Java 11<br/>
                            $ jenv shell 11<br/>
                            $ mvn test<br/><br/>
                            # 测试 Java 21<br/>
                            $ jenv shell 21<br/>
                            $ mvn test
                        </code>
                    </div>
                </div>

                <div class="bg-gradient-to-r from-green-50 to-teal-50 rounded-xl p-8">
                    <h3 class="text-2xl font-bold mb-4 flex items-center">
                        <span class="step-number mr-4">3</span>
                        团队协作
                    </h3>
                    <p class="text-lg text-gray-700 mb-4">
                        团队项目通过在项目根目录创建 <code class="bg-gray-200 px-2 py-1 rounded">.